<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@include file="../common/meta.jsp" %>
<title><c:out value="${familyObj.nickname}" />的画报 - 果果街</title>

<%@include file="../common/jscss.jsp" %>
<script type="text/javascript">
	$(function(){
		//分页
		$("#pager").pager({ pagenumber: ${picList.currentPage}, 
								pagecount: ${picList.totalPage},
								buttonClickCallback: function(page){
									window.location.href = "pictorial.htm?family=${familyObj.doorplate}&page="+page;
								}
		});
	});
</script>
</head>
<body>
<%@include file="../common/header.jsp" %>
<div class="wraper">
	
	<div class="content">
		<c:set value="pictorial" var="meLeftType"></c:set>
		<%@include file="../family/taLeft.jsp" %>
		<div class="hbRightWraper">
        	<div class="hbBg"><img src="imgs/hbPic01.png" class="leftAngle" /><img src="imgs/hbPic02.png" class="rightAngle" /></div>
            <div class="hbContent">
            	<h3>TA家的画报(${picList.totalRecord})
            	<c:if test="${sessionScope.member != null}">
            		<a href="createPictorial.htm"></a>
            	</c:if>
            	<c:if test="${sessionScope.member == null}">
            		<a href="javascript:GUOGUO.memberLogin();"></a>
            	</c:if>
            	</h3>
                
                <c:forEach items="${picList.list}" var="pictorial" varStatus="status">
                	 <div class="hbDetail">
	               	  <div class="hbDetailTitle"><span><c:out value="${pictorial.title}" /></span><a href="javascript:;">${pictorial.imgCounts}图</a></div>
	                  <div class="hbPicStyle">
	                  		<c:forEach items="${pictorial.picList6}" var="pic">
	                  			<a href="picdt.htm?id=${pictorial.identifier}"><img src="${pic}_100x100.jpg" /></a>
	                  		</c:forEach>
	                    	<c:if test="${fn:length(pictorial.picList6) < 6}">
	                    		<c:forEach begin="${fn:length(pictorial.picList6)}" end="5">
	                    			<a href="javascript:;" class="hbLinkNone"></a>
	                    		</c:forEach>
	                    	</c:if>
	                  </div>
	                  <div class="hbInfo"><c:out value="${pictorial.description}" /></div>
	                  <div class="clear"></div>
	                  <div class="zhutiShow_y">
	                  		<c:if test="${fn:length(pictorial.pictorialTopicList) > 0}">
	                  			<p>主题: <c:forEach items="${pictorial.pictorialTopicList}" var="pictorialTopic"><a target="_blank" href="picTopicDetail.htm?tid=${pictorialTopic.identifier}"><c:out value="${pictorialTopic.name}"/></a></c:forEach></p>
	                  		</c:if>
	                  </div>
	                </div>
	                <c:if test="${(status.index+1)%2 == 0}">
	                	<div class="clear"></div>
	                </c:if>
                </c:forEach>
               
               
                
                 <c:if test="${picList.totalPage > 1}">
					<div id="pager" class="h_page"></div>
				</c:if>
                <div class="clear"></div>
          </div>
         
          <div class="clear"></div>
          
          <div class="hbBg"><img src="imgs/hbPic03.png" class="leftAngle" /><img src="imgs/hbPic04.png" class="rightAngle" /></div>
        </div>
		
		<div class="clear"></div>
	</div>
	<%@include file="../common/footer.jsp" %>
</div>
</body>
</html>
